<template>
    <view class="content">
        <uni-ec-canvas class="uni-ec-canvas" id="line-chart" canvas-id="multi-charts-line" :ec="ringOption" />
    </view>
</template>

<script>
    import uniEcCanvas from "@/components/uni-ec-canvas/uni-ec-canvas.vue";
    export default {
        components: {
            uniEcCanvas,
        },
        data() {
            return {
                title: 'Hello',
                ringOption: {
                		        option: {
                		        //配置项是写在option属性下  和echarts配置一样 参考其官网就行
                		          color: ["#E25244", "#3A81F6", "#DEAC8A", "#6AC5DD", "#5756CE"],
                		          tooltip: {
                		            trigger: "item",
                		            position: "inside",
                		          },
                		          series: [
                		            {
                		              name: "客户",
                		              type: "pie",
                		              radius: ["50%", "70%"],
                		              avoidLabelOverlap: false,
                		              label: {
                		                show: false,
                		                position: "center",
                		              },
                		              labelLine: {
                		                show: false,
                		              },
                		              //这里是数据存放的地方
                		              data: [20,60,40,60,80],
                		            },
                		          ],
                        },
                      },
            }
        },

        onLoad() {

        },
        methods: {

        }
    }
</script>

<style>
    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    #line-chart{
        width: 100%;
        height: 500rpx;
    }

    
</style>